<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/base.css" rel="stylesheet">
		<link href="css/index.css" rel="stylesheet">
		<link rel="stylesheet" href="css/goods.css" />
		<link rel="stylesheet" href="font/iconfont.css" />
	</head>
	<body>
		<!-- 头部背景 -->
		<header>
			<!-- 版心 -->
			<div class="header">
				<!-- 头部左边 -->
				<a class="logo" href=""></a>
				<!-- 头部右边 -->
				<ul class="header-r">
					<!-- <li class="login"><a href="">登录</a></li> -->
					<li class="login">
						<a href="">
							<img src="img/avtar_2.png" alt="" />
							<p>313712471</p>
							<div class="login_sub">
								<ul>
									<li>
										<a href="">
											<p>个人设置</p>
										</a>
									</li>
									<li>
										<a href="">
											<p>账号安全</p>
										</a>
									</li>
									<li>
										<a href="">
											<p>收货信息</p>
										</a>
									</li>
									<li>
										<a href="">
											<p>订单信息</p>
										</a>
									</li>
									<li class="tuichu"><a href="">
											<p>退出</p>
										</a></li>

								</ul>
							</div>
						</a>
					</li>
					<li class="register"><a href="">注册</a></li>
					<li class="line">
						<p>|</p>
					</li>
					<li class="cart">
						<a href="">购物车</a>
						<!-- 子菜单 -->
						<div class="cart_subnav">
							<ul>
								<li class="goods">
									<a href="https://www.baidu.com/"><img src="img/goods.jpg" /></a>
									<p>西班牙经典鸵鸟款枕|</p>
									<p>颜色：深海蓝：</p>
									<p class="detail">
										<span>数量：3件</span>
										<span>¥290.00</span>
										<span>¥390.00</span>
									</p>
								</li>

								<li class="goods">
									<a href=""><img src="img/goods.jpg" /></a>
									<p>西班牙经典鸵鸟款枕|</p>
									<p>颜色：深海蓝：</p>
									<p class="detail">
										<span>数量：3件</span>
										<span>¥290.00</span>
										<span>¥390.00</span>
									</p>
								</li>
								<li class="goods">
									<a href=""><img src="img/goods.jpg" /></a>
									<p>西班牙经典鸵鸟款枕|</p>
									<p>颜色：深海蓝：</p>
									<p class="detail">
										<span>数量：3件</span>
										<span>¥290.00</span>
										<span>¥390.00</span>
									</p>
								</li>
								<!-- 购物车按钮 -->
								<!-- <button>查看我的购物车</button> -->
								<div class="button"><a href="">查看我的购物车</a></div>
							</ul>
						</div>
					</li>
					<li class="line">
						<p>|</p>
					</li>
					<li class="message">
						<a href="">消息</a>
						<!-- 消息子菜单 -->
						<div class="message_subnav">
							<ul>
								<li>
									<a href="">动态</a>
									<p>0</p>
								</li>
								<li>
									<a href="">动态</a>
									<p>0</p>
								</li>
								<li>
									<a href="">动态</a>
									<p>0</p>
								</li>
								<li>
									<a href="">动态</a>
									<p>0</p>
								</li>
								<li>
									<a href="">动态</a>
									<p>0</p>
								</li>
								<li>
									<a href="">动态</a>
									<p>0</p>
								</li>

							</ul>
						</div>
					</li>
					<li class="line">
						<p>|</p>
					</li>
					<li><a href=""></a></li>
					<li class="add_goods"><a href="">添加良品</a></li>
					<li class="agreement"><a href="">资质证照 / 协议规则</a></li>
				</ul>
			</div>
		</header>
		<!-- 导航条 -->
		<nav>
			<ul class="nav">
				<li class="index"><a href="">首页</a></li>
				<li class="shop">
					<a href="shop.html">商店</a>
					<div class="shop_sub">
						<div class="shob_sub_l">
							<ul class="shob_sub_list">

								<!-- <li>
									<a href=""><img src="img/nav_icon.png" /></a>
									<p>家居</p>
								</li> -->

							</ul>
						</div>
						<div class="shob_sub_r">
							<img src="img/nav_banner.jpg" />
							<p>新视线 2024年12月刊</p>
						</div>
					</div>
				</li>
				<li>
					<a href="">杂志</a>
					<div class="zazhi">
						<div>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
						</div>

					</div>
				</li>
				<li>
					<a href="">分享</a>
					<div class="fenxiang">
						<div>
							<a href="">
								<p>男士</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
							<a href="">
								<p>趣物</p>
							</a>
						</div>
				</li>
				<li><a href="">达人</a></li>
				<li><a href="">有偿资讯</a></li>
			</ul>
			<!-- 搜索框 -->
			<div class="search-content">
				<input type="text" placeholder="search..." name="" id="">
				<span></span>
			</div>
		</nav>

		<!-- 容器 -->
		<div class="banner">
			<!-- 列表 -->
			<ul class="banner-list">
				<!-- <li><a href=""><img src="img/banner.jpg" alt="" /></a></li>
				<li><a href=""><img src="img/banner.jpg" alt="" /></a></li>
				<li><a href=""><img src="img/banner.jpg" alt="" /></a></li> -->
			</ul>
			<!-- 按钮 -->
			<a href="javascript:;" class="next"></a>
			<a href="javascript:;" class="prev"></a>
			<!-- 序号 -->
			<div class="number">
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<div class="banner2">
			<div class="left">
				<img src="img/banner1.png" alt="" />
				<img src="img/banner2.png" alt="" />
			</div>
			<img src="img/banner3.png" alt="" />
			<div class="right">
				<img src="img/banner4.png" alt="" />
				<img src="img/banner5.png" alt="" />
			</div>
		</div>
		<!-- 人气商品 -->
		<p class="hot_goods">人气商品</p>
		<ul class="base_goods">
			<li class="goodlist">
				<div class="goods-up">
					<img src="img/goods_1.jpg" alt="" />
					<!-- 遮挡 -->
					<a href="detail.html" class="zhe">
						<p>¥440.00</p>
						<p>Buds Pro 2耳机 | 无线主动降噪 重低音</p>
						<p>可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制</p>
					</a>
				</div>
				<div class="goods-down">
					<div class="goods-down-left">
						<img src="img/barnd.jpg" alt="" />
						<span>小志</span>
					</div>
					<div class="goods-down-right">
						<span>2</span>
						<img src="img/aixin.png" alt="" />
					</div>
				</div>
			</li>
			<li class="goodlist">
				<div class="goods-up">
					<img src="img/goods_1.jpg" alt="" />
					<!-- 遮挡 -->
					<a href="" class="zhe">
						<p>¥440.00</p>
						<p>Buds Pro 2耳机 | 无线主动降噪 重低音</p>
						<p>可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制</p>
					</a>
				</div>
				<div class="goods-down">
					<div class="goods-down-left">
						<img src="img/barnd.jpg" alt="" />
						<span>小志</span>
					</div>
					<div class="goods-down-right">
						<span>2</span>
						<img src="img/aixin.png" alt="" />
					</div>
				</div>
			</li>
			<li class="goodlist">
				<div class="goods-up">
					<img src="img/goods_1.jpg" alt="" />
					<!-- 遮挡 -->
					<a href="" class="zhe">
						<p>¥440.00</p>
						<p>Buds Pro 2耳机 | 无线主动降噪 重低音</p>
						<p>可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制</p>
					</a>
				</div>
				<div class="goods-down">
					<div class="goods-down-left">
						<img src="img/barnd.jpg" alt="" />
						<span>小志</span>
					</div>
					<div class="goods-down-right">
						<span>2</span>
						<img src="img/aixin.png" alt="" />
					</div>
				</div>
			</li>
			<li class="goodlist">
				<div class="goods-up">
					<img src="img/goods_1.jpg" alt="" />
					<!-- 遮挡 -->
					<a href="" class="zhe">
						<p>¥440.00</p>
						<p>Buds Pro 2耳机 | 无线主动降噪 重低音</p>
						<p>可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制</p>
					</a>
				</div>
				<div class="goods-down">
					<div class="goods-down-left">
						<img src="img/barnd.jpg" alt="" />
						<span>小志</span>
					</div>
					<div class="goods-down-right">
						<span>2</span>
						<img src="img/aixin.png" alt="" />
					</div>
				</div>
			</li>
			<li class="goodlist">
				<div class="goods-up">
					<img src="img/goods_1.jpg" alt="" />
					<!-- 遮挡 -->
					<a href="" class="zhe">
						<p>¥440.00</p>
						<p>Buds Pro 2耳机 | 无线主动降噪 重低音</p>
						<p>可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制</p>
					</a>
				</div>
				<div class="goods-down">
					<div class="goods-down-left">
						<img src="img/barnd.jpg" alt="" />
						<span>小志</span>
					</div>
					<div class="goods-down-right">
						<span>2</span>
						<img src="img/aixin.png" alt="" />
					</div>
				</div>
			</li>
			<li class="goodlist">
				<div class="goods-up">
					<img src="img/goods_1.jpg" alt="" />
					<!-- 遮挡 -->
					<a href="" class="zhe">
						<p>¥440.00</p>
						<p>Buds Pro 2耳机 | 无线主动降噪 重低音</p>
						<p>可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制可定制智能按钮，快速实现降噪和声音控制</p>
					</a>
				</div>
				<div class="goods-down">
					<div class="goods-down-left">
						<img src="img/barnd.jpg" alt="" />
						<span>小志</span>
					</div>
					<div class="goods-down-right">
						<span>2</span>
						<img src="img/aixin.png" alt="" />
					</div>
				</div>
			</li>
		</ul>
		</div>
		<!-- more -->
		<div class="more-banxin">
			<a href=" " class="more">
				More
			</a>
		</div>
		<!-- 	良仓商店容器-->
		<div class="server-content">
			<!-- 版心宽度 -->
			<div class="bottom-server">
				<span class="iconfont icon-MU-zhixiang"></span>
				<a href="">良仓商品/OUR SHOP</a>
				<ul class="gloable">
					<li>
						<p></p>
						<div class="gloable_r"">
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li>
						<p></p>
						<div class=" gloable_r"">
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li>
						<p></p>
						<div class="gloable_r"">
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li>
						<p></p>
						<div class=" gloable_r"">
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 返回 -->
		<div class="back"></div>
		<div class="footer">
			<ul>
				<li>
					<p></p>
					<div class="lll">
						<p>iPhone Android
							客户端下载
						</p>
						<div class="sub">
							<div>
								<p></p>
								<p></p>
							</div>
							<p class="shouji">下载iPhone版</p>
							<p class="kehu">下载Android版</p>
						</div>
					</div>
				</li>
				<li>
					<div class="rrr">
						<p></p>
						<p></p>
						<p></p>
					</div>
				</li>
			</ul>
			<div class=" footer_bottom">
				<ul class="footer_nav">
					<li><a href="">关于良仓</a></li>
					<li class="line_l">|</li>
					<li><a href="">服务协议</a></li>
					<li class="line_l">|</li>
					<li><a href="">隐私保护政策</a></li>
					<li class="line_l">|</li>
					<li><a href="">使用指南</a></li>
					<li class="line_l">|</li>
					<li><a href="">联系我们</a></li>
					<li class="line_l">|</li>
					<li><a href="">加入我们</a></li>
					<li class="line_l">|</li>
					<li><a href="">友情链接</a></li>
					<li class="line_l">|</li>
					<li><a href="">私信良仓</a></li>
				</ul>
				<div class="footer_p">
					<p>© 2013-2019 北京良仓文化传播有限公司版权所有 </p>
					<p> 公司名称：北京良仓文化传播有限公司 客服邮箱：kefu@iliangcang.com</p>
					<p> 公司地址：北京朝阳区百子湾路32号6号楼1层60号.</p>
					<p> 社会信用统一代码：91110105059231575L 食品许可证：JY11105160159557 </p>
					<p> 图书证名称：中华人民共和国出版物经营许可证 图书证编号：新出发京零 字第 朝 150051 号 </p>
					<p>京公网安备11010502025627</p>
				</div>

			</div>
		</div>
	</body>
</html>
<script src="js/ajax.js"></script>
<script src="js/base.js"></script>
<script src="js/index.js"></script>